<?php 
?>
<!--页面主体-->
<div class="banner-bj">
	<div class="banner">
		<div class="banner-up">
			<div class="banner-tu">
				<ul>
					<li> <a href="#"><img src="images/banner-tu.jpg" /></a></li>
					<li> <a href="#"><img src="images/banner-tu(1).jpg" /></a></li>
					<li> <a href="#"><img src="images/banner-tu(2).jpg" /></a></li>
					<li> <a href="#"><img src="images/banner-tu(3).jpg" /></a></li>
					<li> <a href="#"><img src="images/banner-tu(4).jpg" /></a></li>
				</ul>
			</div>
			<div class="news">
				<div class="fl"> <a href="hotelNews.php" class="ml20" style="color:#FFF">酒店新闻</a> <a href="#" id="btn1" class="news-left"></a> <a href="#" id="btn2" class="news-right"></a> </div>
				<div id="scrollDiv">
					<ul class="fl ml35">
						<li><a href="#">酒店荣获中国酒店金枕头奖2013年度中国最佳温泉会议度假酒店</a></li>
						<li><a href="#">111111111111111111111</a></li>
						<li><a href="#">22222222222222222222</a></li>
						<li><a href="#">3333333333333333333333</a></li>
					</ul>
				</div>
				<script type="text/javascript">
(function($){
$.fn.extend({
        Scroll:function(opt,callback){
                //参数初始化
                if(!opt) var opt={};
                var _btnUp = $("#"+ opt.up);//Shawphy:向上按钮
                var _btnDown = $("#"+ opt.down);//Shawphy:向下按钮
                var timerID;
                var _this=this.eq(0).find("ul:first");
                var     lineH=_this.find("li:first").height(), //获取行高
                        line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数，默认为一屏，即父容器高度
                        speed=opt.speed?parseInt(opt.speed,10):5000; //卷动速度，数值越大，速度越慢（毫秒）
                        timer=opt.timer //?parseInt(opt.timer,10):3000; //滚动的时间间隔（毫秒）
                if(line==0) line=1;
                var upHeight=0-line*lineH;
                //滚动函数
                var scrollUp=function(){
                        _btnUp.unbind("click",scrollUp); //Shawphy:取消向上按钮的函数绑定
                        _this.animate({
                                marginTop:upHeight
                        },speed,function(){
                                for(i=1;i<=line;i++){
                                        _this.find("li:first").appendTo(_this);
                                }
                                _this.css({marginTop:0});
                                _btnUp.bind("click",scrollUp); //Shawphy:绑定向上按钮的点击事件
                        });

                }
                //Shawphy:向下翻页函数
                var scrollDown=function(){
                        _btnDown.unbind("click",scrollDown);
                        for(i=1;i<=line;i++){
                                _this.find("li:last").show().prependTo(_this);
                        }
                        _this.css({marginTop:upHeight});
                        _this.animate({
                                marginTop:0
                        },speed,function(){
                                _btnDown.bind("click",scrollDown);
                        });
                }
               //Shawphy:自动播放
                var autoPlay = function(){
                        if(timer)timerID = window.setInterval(scrollUp,timer);
                };
                var autoStop = function(){
                        if(timer)window.clearInterval(timerID);
                };
                 //鼠标事件绑定
                _this.hover(autoStop,autoPlay).mouseout();
                _btnUp.css("cursor","pointer").click( scrollUp ).hover(autoStop,autoPlay);//Shawphy:向上向下鼠标事件绑定
                _btnDown.css("cursor","pointer").click( scrollDown ).hover(autoStop,autoPlay);

        }       
})
})(jQuery);

$(document).ready(function(){
        $("#scrollDiv").Scroll({line:1,speed:1,timer:3000,up:"btn1",down:"btn2"});
});
</script>
			</div>
		</div>
		<div class="banner-down">
			<div class="banner-down-left fl mt20">
				<h1>感受管家服务·尽享特别优惠</h1>
				<h1>Quiet elegance    Graceful luxury</h1>
				<p class="ml35 mt20"> 即日起至2013年8月31日，凡每周周日和周一退房的客人均可<br />
					免费延时至15:00（视房态而定），延迟至18:00退房仅须加<br />
					收RMB198。入住套房或别墅的...</p>
				<a href="#">查看更多优惠</a> </div>
			<div id="featured-area">
				<ul>
					<li><img src="images/01_charming.jpg" /></li>
					<li><img src="images/02_charming.jpg" /></li>
					<li><img src="images/03_charming.jpg" /></li>
					<li><img src="images/04_charming.jpg" /></li>
				</ul>
			</div>
			<div class="cb"><img src="images/bk.png" /></div>
			<div class="msg mt20"> <span>关于我们：</span><img src="images/1.png"/><span>新浪官方微博</span><img src="images/2.png" /><span>腾讯官方微博</span><img src="images/3.png" /><span>微信官方微博</span><img src="images/4.png" /><span>我们的Facebook</span><img src="images/5.png" /><span>咨询电话&nbsp;&nbsp;&nbsp;<i class="f16">+86-28-8898 8888</i></span> </div>
		</div>
	</div>
</div>
<div class="main-bj">
	<div class="main">
		<div class="main-left fl">
			<div class="mt15">
				<h1 class="f2x">青城道温泉</h1>
				<div class="mt15"> <img class="fl img-t" src="images/xcfgh_10.jpg" />
					<div class="img-l"> 这问道青城山，养生道温泉。青城道温泉将优美的园林风光、浓郁的道家养生文化和五星级酒店的服务融为一体，是您养生、度假、休闲的理想之地。 </div>
				</div>
			</div>
			<div class="cb mt10 img-tt"><img src="images/bj-2.png" /></div>
			<div class="mt15">
				<h1 class="f2x">太极养生馆</h1>
				<div class="mt15"> <img class="fl img-t" src="images/xcfgh_10.jpg" />
					<div class="img-l"> 太极养生馆位于酒店道缘休闲岛深处，青城派第三十六代掌门人刘绥滨先生任养生馆馆长，刘绥滨先生道名信玄，现为四川省非物质文化遗产代表性传承人、四川省道教协会理事、中国武术七段、国际养生协会副主席、中国十大无数风云人物、中华养生健康国际论坛形象大使。主要传授太极养生功法，并讲授养生、易学、武学、国学、书画及心里疏导、
						减压、生命定位咨询服务。 </div>
				</div>
			</div>
		</div>
		<div class="fl mr20"><img src="images/bj-3.png" /></div>
		<div class="kf-xlwb">
			<ul>
				<li>
					<dl>
						<dt>
							<h1 class="f2x">新浪微博</h1>
						</dt>
						<dd class="mt10 mb10">
							<iframe width="200" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=200&height=550&fansRow=1&ptype=1&speed=0&skin=8&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=1840942610&verifier=d18450f9&dpc=1"></iframe>
						</dd>
						<hr />
					</dl>
				</li>
			</ul>
		</div>
	</div>
</div>
<!--页面主体结束-->